<!DOCTYPE html>
<html lang="zh-CN">
<head>
  <meta charset="UTF-8">
  <meta http-equiv="X-UA-Compatible" content="IE=Edge,chrome=1">
  <meta name="viewport" content="width=device-width, user-scalable=no, initial-scale=1.0, maximum-scale=1.0, minimum-scale=1.0"/>
  <title>销售中心-产品详情</title>
  <link rel="stylesheet" href="../../css/bootstrap.font.min.css"/>
  <link rel="stylesheet" href="../../css/forms.min.css"/>
  <link rel="stylesheet" href="../../css/style.css"/>
</head>
<body>
<nav class="navbar navbar-inverse navbar-fixed-top to-nav">
  <div class="container-fluid">
    <div class="navbar-header">
      <button type="button" class="navbar-toggle collapsed" data-toggle="collapse" data-target="#bs-example-navbar-collapse-1" aria-expanded="false">
        <span class="sr-only">Toggle navigation</span>
        <span class="icon-bar"></span><span class="icon-bar"></span><span class="icon-bar"></span>
      </button>
      <a class="navbar-brand to-brand" href="#"><i class="fa fa-weixin fa-fw"></i>&nbsp;&nbsp;SZG 后台管理系统</a>
    </div>
    <div class="collapse navbar-collapse" id="bs-example-navbar-collapse-1">
      <ul class="nav navbar-nav navbar-right">
        <li class="dropdown">
          <a href="javascript:" class="dropdown-toggle" data-toggle="dropdown" role="button" aria-haspopup="true" aria-expanded="false">
            <i class="fa fa-gear"></i>&nbsp;Mr Toma&nbsp;<span class="caret"></span>
          </a>
          <ul class="dropdown-menu">
            <li><a href="#">个人信息</a></li>
            <li><a href="#">修改密码</a></li>
            <li role="separator" class="divider"></li>
            <li><a href="#">退出系统</a></li>
          </ul>
        </li>
      </ul>
    </div><!-- navbar-collapse -->
  </div>
</nav>
<!-- 菜单 start -->
<aside class="sidebar_left">
  <div class="sidebar_content">
    <ul class="nav">
      <li class="active">
        <a href="#" class="nav-link"><i class="fa fa-group"></i>销售中心</a>
        <ul class="link-lop">
          <li><a href="javascript:">旅游产品</a></li>
          <li><a href="javascript:">酒店产品</a></li>
          <li><a href="javascript:">玩乐产品</a></li>
        </ul>
      </li>
      <li><a href="#" class="nav-link"><i class="fa fa-wrench"></i>网站设置</a></li>
    </ul>
  </div>
</aside>
<!-- 菜单 end -->
<section class="content">
  <div class="con-wap">
    <!-- view start -->

    <ol class="breadcrumb border">
      <li><a href="#">销售中心</a></li>
      <li><a href="#">旅游产品查询</a></li>
      <li class="active">旅游产品详情</li>
    </ol>

    <section class="mw1024">
      <section class="panel panel-default">
        <header class="panel-heading sl-dl-hd">
          <div class="displayt">
            <div class="cell nowrap inline r-name">
              <i class="fa fa-map-marker"></i> 出发地：上海
            </div>
            <div class="cell l-tit">
              啥就看到分拉近了看空间菲蓝咖啡老师的卡机烦死了快弗利萨看福利卡分理科生飞蓝山咖啡离开理科生减肥了开始到放两三分了（阿萨德发大水）
            </div>
          </div>
        </header>
        <article class="panel-body sl-dl-bd">
          <div class="displayt w100b">
            <div class="cell bd-l w480">
              <div class="bd-slid swiper-container mb15 w480">
                  <div class="swiper-wrapper">
                    <div class="swiper-slide" style="background: url(../../img/5.jpg) no-repeat center/cover"></div>
                    <div class="swiper-slide" style="background: url(../../img/qb.jpg) no-repeat center/cover"></div>
                    <div class="swiper-slide" style="background: url(../../img/bg2.jpg) no-repeat center/cover"></div>
                  </div>
                  <div class="swiper-pagination"></div>
              </div>
              <!--供应商信息-->
              <div class="bd-info bg-f9 p10 mb15">
                <div class="ml10">
                  <h4 class="mb15">供应商信息</h4>
                  <p><i class="fa fa-home w40"></i> <span>东方国旅</span></p>
                  <p><i class="fa fa-user w40"></i> 多多</p>
                  <p><i class="fa fa-phone w40"></i> 13240407070</p>
                  <p><i class="fa fa-qq w40 mb10"></i> 6564818</p>
                  <a href="javascript:" class="btn btn-default mb10">供应商其他商品</a>
                </div>
              </div>
              <div class="bd-share p20 bg-f9">
                <a href="javascript:" class="mr20"><i class="fa fa-heart-o fa-fw"></i> 收藏</a>
                <a href="javascript:" class="mr20"><i class="fa fa-share-alt fa-fw"></i> 分享</a>
                <a href="javascript:" class="mr20">已售：999</a>
                <a href="javascript:">32544551次浏览</a>
              </div>
            </div>
            <!-- 右侧 start -->
            <div class="cell bd-r">
              <!-- 日历 -->
              <div class="caaal"></div>
              <div class="crl-col p10 border-t">
                <p>出行人数：</p>
                <div class="displayt">
                  <div class="cell nowrap inline">成人</div>
                  <div class="cell w120">
                    <div class="input-group j_count">
                      <span class="input-group-btn">
                        <button class="btn btn-default vm2 j_sub" type="button">-</button>
                      </span>
                        <input type="text" class="form-control text-center" value="1" data-min="1">
                      <span class="input-group-btn">
                        <button class="btn btn-default j_add" type="button">+</button>
                      </span>
                    </div>
                  </div>
                  <div class="cell nowrap inline w90 text-right">儿童</div>
                  <div class="cell w120">
                    <div class="input-group j_count">
                      <span class="input-group-btn">
                        <button class="btn btn-default vm2 j_sub" type="button">-</button>
                      </span>
                        <input type="text" class="form-control text-center" value="0">
                      <span class="input-group-btn">
                        <button class="btn btn-default j_add" type="button">+</button>
                      </span>
                    </div>
                  </div>
                </div>
                <small class="lh40">注意多程机票需按行程顺序完全使用，往返程机票无法单独使用回程</small>
              </div><!-- crl-col -->
              <div class="displayt w100b bg-e4 p10 ydk">
                <div class="cell inline"><h2 class="no-m">￥2499 <small>起</small></h2></div>
                <div class="cell w120">
                  <button class="btn btn-danger btn-lg btn-block">立即预定</button>
                </div>
              </div>
            </div>
            <!-- 右侧 end -->
          </div>
        </article>
        <footer class="panel-footer">
          <h4 class="mb15">产品经理推荐</h4>
          <p class="ml10"><a href="javascript:"><i class="fa fa-star fa-fw"></i>【独家专家】台湾精选自由行，送一晚台北酒店</a></p>
          <p class="ml10"><a href="javascript:"><i class="fa fa-star fa-fw"></i>【独家专家】双方都，送一晚台北酒店</a></p>
          <p class="ml10"><a href="javascript:"><i class="fa fa-star fa-fw"></i>【独家专家】撒的发，送一晚台北酒店</a></p>
        </footer>
      </section>

      <ul class="nav nav-tabs app-tabs-hover" role="tablist">
        <li class="active"><a href="javascript:">航班信息</a></li>
        <li><a href="javascript:">行程内容</a></li>
        <li><a href="javascript:">自费及购物说明</a></li>
        <li><a href="javascript:">费用说明</a></li>
        <li><a href="javascript:">预定须知</a></li>
        <li><a href="javascript:">签证签注</a></li>
        <li><a href="javascript:">退款说明</a></li>
        <li class="pull-right"><a href="javascript:">打印行程</a></li>
      </ul>
      <section class="panel border-no-t border">
        <!-- 航班信息 -->
        <article class="panel-body d-pb-item border-b">
          <h2 class="i-hd">航班<br>信息</h2>
          <div class="i-con">
            <h4>交通1</h4>
            <ul>
              <li class="jt-item">
                <kbd class="jt-kbd mr20">往</kbd>
                <span>第一天</span>
                <div class="inline jt-con">
                  <div class="inline text-center">
                    <p class="no-m">03:00</p>
                    <small class="text-theme">成都</small>
                  </div>
                  <i class="jt-line"></i>
                  <div class="inline text-center">
                    <p class="no-m">05:30</p>
                    <small class="text-theme">芽庄</small>
                  </div>
                </div>
                <span>越南航空 vn479</span>
              </li>

              <li class="jt-item">
                <kbd class="mr20">转</kbd>
                <span>第一天</span>
                <div class="inline jt-con">
                  <div class="inline text-center">
                    <p class="no-m">03:00</p>
                    <small class="text-theme">成都</small>
                  </div>
                  <i class="jt-line"></i>
                  <div class="inline text-center">
                    <p class="no-m">05:30</p>
                    <small class="text-theme">芽庄</small>
                  </div>
                </div>
                <span>越南航空 vn479</span>
              </li>

              <li class="jt-item">
                <kbd class="mr20 jt-kbd">返</kbd>
                <span>第一天</span>
                <div class="inline jt-con">
                  <div class="inline text-center">
                    <p class="no-m">03:00</p>
                    <small class="text-theme">成都</small>
                  </div>
                  <i class="jt-line"></i>
                  <div class="inline text-center">
                    <p class="no-m">05:30</p>
                    <small class="text-theme">芽庄</small>
                  </div>
                </div>
                <span>越南航空 vn479</span>
              </li>

            </ul>
          </div>
          <div class="i-con">
            <h4>交通1</h4>
            <ul>
              <li class="jt-item">
                <kbd class="jt-kbd mr20">往</kbd>
                <span>第一天</span>
                <div class="inline jt-con">
                  <div class="inline text-center">
                    <p class="no-m">03:00</p>
                    <small class="text-theme">成都</small>
                  </div>
                  <i class="jt-line"></i>
                  <div class="inline text-center">
                    <p class="no-m">05:30</p>
                    <small class="text-theme">芽庄</small>
                  </div>
                </div>
                <span>越南航空 vn479</span>
              </li>

              <li class="jt-item">
                <kbd class="jt-kbd mr20">往</kbd>
                <span>第一天</span>
                <div class="inline jt-con">
                  <div class="inline text-center">
                    <p class="no-m">03:00</p>
                    <small class="text-theme">成都</small>
                  </div>
                  <i class="jt-line"></i>
                  <div class="inline text-center">
                    <p class="no-m">05:30</p>
                    <small class="text-theme">芽庄</small>
                  </div>
                </div>
                <span>越南航空 vn479</span>
              </li>

            </ul>
          </div>
        </article>
        <!-- 行程内容 -->
        <article class="panel-body d-pb-item border-b">
          <h2 class="i-hd">行程<br>内容 <small class="i-hd-si">· 此行程为出发地参团集合地：北京首都机场(以出团通知为准)</small></h2>
          <div class="i-con">

            <ul class="xc-bd-timeline">
              <div class="xc-hd">
                <h1 class="inline xc-hd-bt"> 01 </h1>
                <div class="inline xc-hd-js">
                  <p>北京 <i class="fa fa-plane"></i> 东京</p>
                  <span>交通方式：飞机&nbsp;&nbsp;行驶时长：3小时30分</span>
                </div>
              </div>
              <li>
                <i class="fa fa-bell-o fa-fw fa-2x text-gray bg-w"></i>
                <p>集合时间：06：:3 （出团时间反倒是离开离开，阿卡林受打击jl加盟商的。）</p>
                <p>解放啦开始就快乐拉倒咖啡拉客福利卡啦分两块是地方离开暗示疗法上岛咖啡</p>
              </li>
              <li>
                <i class="fa fa-file-text-o fa-fw fa-2x text-gray bg-w"></i>
                <p>行程介绍</p>
                <p>解放啦开始就快乐拉倒咖啡拉客福利卡啦分两块是地方离开暗示疗法上岛咖啡</p>
              </li>
              <li>
                <i class="fa fa-cutlery fa-fw fa-2x text-gray bg-w"></i>
                <p>早餐：阿斯顿发撒的</p>
              </li>
              <li>
                <i class="fa fa-hospital-o fa-fw fa-2x text-gray bg-w"></i>
                <p>住宿信息：阿斯顿发撒的阿斯顿发撒的阿斯顿发撒的阿斯顿发撒的阿斯顿发撒的</p>
                <p>Jades ads Jsjfdkk</p>
                <img src="../../img/5.jpg" alt="img" class="mb15">
                <p>asdf法拉克的发卡机案例弗利萨理发实力客服了，是打发李就卢卡斯的f.asdfjlka l a发来看电视剧。服了，是打发李就卢卡斯的f.asdfjlka l a发来看电视剧。服了，是打发李就卢卡斯的f.asdfjlka l a发来看电视剧。
                  服了，是打发李就卢卡斯的f.asdfjlka l a发来看电视剧。服了，是打发李就卢卡斯的f.asdfjlka l a发来看电视剧。服了，是打发李就卢卡斯的f.asdfjlka l a发来看电视剧。
                  服了，是打发李就卢卡斯的f.asdfjlka l a发来看电视剧。服了，是打发李就卢卡斯的f.asdfjlka l a发来看电视剧。</p>
              </li>
            </ul>

            <ul class="xc-bd-timeline">
              <div class="xc-hd">
                <h1 class="inline xc-hd-bt"> 02 </h1>
                <div class="inline xc-hd-js">
                  <p>北京 <i class="fa fa-plane"></i> 东京</p>
                  <span>交通方式：飞机&nbsp;&nbsp;行驶时长：3小时30分</span>
                </div>
              </div>
              <li>
                <i class="fa fa-bell-o fa-fw fa-2x text-gray bg-w"></i>
                <p>集合时间：06：:3 （出团时间反倒是离开离开，阿卡林受打击jl加盟商的。）</p>
                <p>解放啦开始就快乐拉倒咖啡拉客福利卡啦分两块是地方离开暗示疗法上岛咖啡</p>
              </li>
              <li>
                <i class="fa fa-file-text-o fa-fw fa-2x text-gray bg-w"></i>
                <p>行程介绍</p>
                <p>解放啦开始就快乐拉倒咖啡拉客福利卡啦分两块是地方离开暗示疗法上岛咖啡</p>
              </li>
              <li>
                <i class="fa fa-cutlery fa-fw fa-2x text-gray bg-w"></i>
                <p>早餐：阿斯顿发撒的</p>
              </li>
              <li>
                <i class="fa fa-hospital-o fa-fw fa-2x text-gray bg-w"></i>
                <p>住宿信息：阿斯顿发撒的阿斯顿发撒的阿斯顿发撒的阿斯顿发撒的阿斯顿发撒的</p>
                <p>Jades ads Jsjfdkk</p>
                <img src="../../img/5.jpg" alt="img" class="mb15">
              </li>
            </ul>

          </div>
        </article>
        <!-- 自费购物 -->
        <article class="panel-body d-pb-item border-b">
          <h2 class="i-hd">自费<br>购物</h2>
          <div class="i-con">
            <h4>购物项目</h4>
            <table class="table gw-table">
              <thead>
              <tr>
                <th></th>
                <th>地点</th>
                <th>购物场所</th>
                <th>主要商品信息</th>
                <th>最长停留时间(分钟)</th>
                <th>其他</th>
              </tr>
              </thead>
              <tbody>
              <tr>
                <td><kbd class="gw-kbd">1</kbd></td>
                <td>石景山</td>
                <td>万达广场</td>
                <td>购物·逛街</td>
                <td>90分钟</td>
                <td>含车费·司机加班费</td>
              </tr>
              <tr>
                <td><kbd class="gw-kbd">2</kbd></td>
                <td>石景山</td>
                <td>万达广场</td>
                <td>购物·逛街</td>
                <td>90分钟</td>
                <td>含车费·司机加班费</td>
              </tr>
              <tr>
                <td><kbd class="gw-kbd">3</kbd></td>
                <td>石景山</td>
                <td>万达广场</td>
                <td>购物·逛街</td>
                <td>90分钟</td>
                <td>含车费·司机加班费</td>
              </tr>
              </tbody>
            </table>
          </div>
          <div class="i-con">
            <h4>另付费旅游项目</h4>
            <table class="table gw-table">
              <thead>
              <tr>
                <th></th>
                <th>地点</th>
                <th>购物场所</th>
                <th>主要商品信息</th>
                <th>最长停留时间(分钟)</th>
                <th>其他</th>
              </tr>
              </thead>
              <tbody>
              <tr>
                <td><kbd class="gw-kbd">1</kbd></td>
                <td>石景山</td>
                <td>万达广场</td>
                <td>购物·逛街</td>
                <td>90分钟</td>
                <td>含车费·司机加班费</td>
              </tr>
              <tr>
                <td><kbd class="gw-kbd">2</kbd></td>
                <td>石景山</td>
                <td>万达广场</td>
                <td>购物·逛街</td>
                <td>90分钟</td>
                <td>含车费·司机加班费</td>
              </tr>
              <tr>
                <td><kbd class="gw-kbd">3</kbd></td>
                <td>石景山</td>
                <td>万达广场</td>
                <td>购物·逛街</td>
                <td>90分钟</td>
                <td>含车费·司机加班费</td>
              </tr>
              </tbody>
            </table>
          </div>
        </article>
        <!-- 费用说明 -->
        <article class="panel-body d-pb-item border-b">
          <h2 class="i-hd">费用<br>说明</h2>
          <div class="i-con">
            <h4>费用包含：</h4>
            <p>往返国际机票，全程燃油税，机场税，旅游签证，观光酒店，爱的是发生的空间</p>
          </div>
          <div class="i-con">
            <h4>费用不包含：</h4>
            <p>哀殿阿斯顿飞返国际阿萨德法师场税，旅游签证，观光酒店，爱的是发，阿斯顿飞安防。是发放法师打发 阿斯顿飞师傅大是大非，
              生的空间的是发，阿斯顿飞安防。是发放法师打发 阿斯顿飞师傅大是大非，生的空间的是发，阿斯顿飞安防。是发放法师打发
              的是发，阿斯顿飞安防。是发放法师打发 阿斯顿飞师傅大是大非，生的空间的是发，阿斯顿飞安防。是发放法师打发 阿斯
              阿斯顿飞师傅大是大非，生的空间</p>
          </div>
        </article>
        <!-- 预定须知 -->
        <article class="panel-body d-pb-item border-b">
          <h2 class="i-hd">预定<br>须知</h2>
          <div class="i-con">
            <h4>友情提示：</h4>
            <p class="ml10">
              1.往返国际机票，全程燃油税，机场税，旅游签证，观光酒店，爱的是发生的空间 <br>
              2.往返国际机票，全程燃油税，机场税，旅游签证，观光酒店，爱的是发生的空间
            </p>
          </div>
          <div class="i-con">
            <h4>销售备注：</h4>
            <p class="ml10">小童收费</p>
            <p class="ml10">哀殿阿斯顿飞返国际阿萨德法师场税，旅游签证，观光酒店，爱的是发，阿斯顿飞安防。是发放法师打发 阿斯顿飞师傅大是大非，
              生的空间的是发，阿斯顿飞安防。</p>
          </div>
        </article>
        <!-- 签证材料 -->
        <article class="panel-body d-pb-item border-b">
          <h2 class="i-hd mb20">签证<br>材料</h2>
          <!-- Nav tabs -->
          <ul class="nav nav-tabs border-no-b mb20 cl-tabs" role="tablist">
            <li role="presentation" class="active"><a href="#zaizhi" aria-controls="zaizhi" role="tab" data-toggle="tab">在职</a></li>
            <li role="presentation"><a href="#ziyou" aria-controls="ziyou" role="tab" data-toggle="tab">自由职业</a></li>
            <li role="presentation"><a href="#xuesheng" aria-controls="xuesheng" role="tab" data-toggle="tab">在校学生</a></li>
            <li role="presentation"><a href="#tuixiu" aria-controls="tuixiu" role="tab" data-toggle="tab">退休</a></li>
            <li role="presentation"><a href="#ertong" aria-controls="ertong" role="tab" data-toggle="tab">学龄前儿童</a></li>
          </ul>
          <!-- Tab panes -->
          <div class="tab-content">
            <div role="tabpanel" class="tab-pane active" id="zaizhi">
              <table class="table table-bordered cl-table">
                <tbody>
                <tr>
                  <td class="bg-theme text-white" rowspan="5"><i class="fa fa-user fa-2x"></i><br><span>身份证明</span></td>
                  <td>中国大陆因私护照</td>
                  <td>
                    <p>需要同时满足以下六点</p>
                    <p>1.阿斯顿发顺丰快乐了康师傅拉倒放假啦看</p>
                    <p>2.发的副科级离开离开。 身份 (＾－＾)V了康师傅拉倒放假啦看</p>
                  </td>
                </tr>
                <tr>
                  <td>照片(2张)</td>
                  <td>
                    <p>需要同时满足以下六点</p>
                    <p>1.阿斯顿发顺丰快乐了康师傅拉倒放假啦看</p>
                    <p>2.发的副科级离开离开。 身份 (＾－＾)V了康师傅拉倒放假啦看</p>
                  </td>
                </tr>
                <tr>
                  <td>身份复印件</td>
                  <td>
                    <p>阿萨德法师打发身份安防撒旦</p>
                  </td>
                </tr>
                <tr>
                  <td>长期居住地证明</td>
                  <td>
                    <p>是的发送到发送到撒的发按时大大，十大阿斯顿飞是第三方。</p>
                    <p>阿斯顿发撒的，十大阿斯顿飞是第三方。</p>
                    <p>阿斯顿发撒的，阿斯顿发撒的沙发安防阿斯顿飞撒的发第三方。</p>
                  </td>
                </tr>
                <tr>
                  <td>亲属相关材料</td>
                  <td>
                    <p>是的发送到发送到撒的发按时大大，十大阿斯顿飞是第三方。</p>
                    <p>阿斯顿发撒的，十大阿斯顿飞是第三方。</p>
                    <p>阿斯顿发撒的，阿斯顿发撒的沙发安防阿斯顿飞撒的发第三方。</p>
                  </td>
                </tr>
                <tr><td colspan="3" class="border-no"></td></tr>
                <tr>
                  <td class="bg-theme text-white"><i class="fa fa-home fa-2x"></i><br><span>生活证明</span></td>
                  <td>婚姻关系证明复印件</td>
                  <td>
                    <p>需要同时满足以下六点</p>
                    <p>1.阿斯顿发顺丰快乐了康师傅拉倒放假啦看</p>
                    <p>2.发的副科级离开离开。 身份 (＾－＾)V了康师傅拉倒放假啦看</p>
                  </td>
                </tr>
                <tr><td colspan="3" class="border-no"></td></tr>
                <tr>
                  <td class="bg-theme text-white" rowspan="2"><i class="fa fa-briefcase fa-2x"></i><br><span>工作证明</span></td>
                  <td>婚姻关系证明复印件</td>
                  <td>
                    <p>需要同时满足以下六点</p>
                    <p>1.阿斯顿发顺丰快乐了康师傅拉倒放假啦看</p>
                    <p>2.发的副科级离开离开。 身份 (＾－＾)V了康师傅拉倒放假啦看</p>
                  </td>
                </tr>
                <tr>
                  <td>婚姻关系证明复印件</td>
                  <td>
                    <p>需要同时满足以下六点</p>
                    <p>1.阿斯顿发顺丰快乐了康师傅拉倒放假啦看</p>
                    <p>2.发的副科级离开离开。 身份 (＾－＾)V了康师傅拉倒放假啦看</p>
                  </td>
                </tr>

                <tr><td colspan="3" class="border-no"></td></tr>
                <tr>
                  <td class="bg-theme text-white"><i class="fa fa-money fa-2x"></i><br><span>资产证明</span></td>
                  <td>资产证明</td>
                  <td>
                    <p>需要同时满足以下六点</p>
                    <p>1.阿斯顿发顺丰快乐了康师傅拉倒放假啦看</p>
                  </td>
                </tr>

                <tr><td colspan="3" class="border-no"></td></tr>
                <tr>
                  <td class="bg-theme text-white"><i class="fa fa-car fa-2x"></i><br><span>行程证明</span></td>
                  <td>出行证明</td>
                  <td>
                    <p>需要同时满足以下六点</p>
                    <p>1.阿斯顿发顺丰快乐了康师傅拉倒放假啦看</p>
                  </td>
                </tr>

                <tr><td colspan="3" class="border-no"></td></tr>
                <tr>
                  <td class="bg-theme text-white"><i class="fa fa-file-text-o fa-2x"></i><br><span>申请表格</span></td>
                  <td>申请表格</td>
                  <td>
                    <p>需要同时满足以下六点</p>
                    <p>1.阿斯顿发顺丰快乐了康师傅拉倒放假啦看</p>
                  </td>
                </tr>

                <tr><td colspan="3" class="border-no"></td></tr>
                <tr>
                  <td class="bg-theme text-white"><i class="fa fa-group fa-2x"></i><br><span>担保证明</span></td>
                  <td>担保证明</td>
                  <td>
                    <p>需要同时满足以下六点</p>
                    <p>1.阿斯顿发顺丰快乐了康师傅拉倒放假啦看</p>
                  </td>
                </tr>

                </tbody>
              </table>

            </div>

            <div role="tabpanel" class="tab-pane" id="ziyou">
              12313
            </div>
            <div role="tabpanel" class="tab-pane" id="xuesheng">
              12adfasdfasdf313
            </div>
            <div role="tabpanel" class="tab-pane" id="tuixiu">
              tuix
            </div>
            <div role="tabpanel" class="tab-pane" id="ertong">
              ertt
            </div>
          </div>
        </article>
        <!-- 退款说明 评论-->
        <article class="panel-body d-pb-item">
          <div class="displayt">
            <h2 class="i-hd ihd-no-b cell">退款<br>说明</h2>
            <p class="cell">卡的伤口附近看了阿三地方看卡拉费卡拉舒里科夫就离开。阿三地方就，拉费卡拉舒里科夫就离开。阿三地方就，
              拉费卡拉舒里科夫就离开。阿三地方就，拉费卡拉舒里科夫就离开。阿三地方就，
              拉费卡拉舒里科夫就离开。阿三地方就，拉费卡拉舒里科夫就离开。阿三地方就，拉费卡拉舒里科夫就离开。阿三地方就，阿三地方、是的饭卡。</p>
          </div>
          <div class="displayt">
            <h2 class="i-hd ihd-no-b cell">温馨<br>提示</h2>
            <p class="cell">卡的伤口附近看了阿三地方看卡拉费卡拉舒里科夫就离开。阿三地方就，拉费卡拉舒里科夫就离开。阿三地方就，
              拉费卡拉舒里科夫就离开。阿三地方就，拉费卡拉舒里科夫就离开。阿三地方就，
              拉费卡拉舒里科夫就离开。阿三地方就，拉费卡拉舒里科夫就离开。阿三地方就，拉费卡拉舒里科夫就离开。阿三地方就，阿三地方、是的饭卡。</p>
          </div>
          <!-- 用户点评 -->
          <h2 class="i-hd">用户<br>点评<small class="i-hd-si">· 满意度 <span class="text-danger">98%</span> </small></h2>
          <div class="dp-btn-group btn-group">
            <button type="button" class="btn btn-default">全部</button>
            <button type="button" class="btn btn-default">非常满意</button>
            <button type="button" class="btn btn-default">满意</button>
            <button type="button" class="btn btn-default">不满意</button>
          </div>

          <ul class="media-list sales-comment">
            <li class="i-con media">
              <div class="media-left">
                <a href="#" class="userhead">
                  <img class="media-object img-circle" src="../../img/qb.jpg" alt="userhead" width="60" height="60">
                </a>
              </div>
              <div class="media-body">
                <p>2016年05月入住&nbsp;大床房</p>
                <p>房间不大啊肯定就看浪费，啊都放假离开离开阿斯顿asd.asdf  ； 阿斯顿阿萨法s.asdf；了；
                  放假离开离开阿斯顿asd.asdf  ； 阿斯顿阿萨法s.asdf；了； 放假离开离开阿斯顿asd.asdf  ； 阿斯顿阿萨法s.asdf；了；
                  放假离开离开阿斯顿asd.asdf  ； 阿斯顿阿萨法s.asdf；了； </p>
                <div class="img-box mb10">
                  <img src="../../img/bg2.jpg" alt="img" height="90">
                  <img src="../../img/5.jpg" alt="img" height="90">
                </div>
                <div class="clearfix">
                  <span class="pull-left lh40">发表于：2016-05-28</span>
                  <button class="btn btn-default pull-right">有用(10)</button>
                </div>
              </div>
            </li>
            <li class="i-con media">
              <div class="media-left">
                <a href="#" class="userhead">
                  <img class="media-object img-circle" src="../../img/qb.jpg" alt="userhead" width="60" height="60">
                </a>
              </div>
              <div class="media-body">
                <p>2016年05月入住&nbsp;大床房</p>
                <p class="comm-con">房间不大啊肯定就看浪费，啊都放假离开离开阿斯顿asd.asdf  ； 阿斯顿阿萨法s.asdf；了；
                  放假离开离开阿斯顿asd.asdf  ； 阿斯顿阿萨法s.asdf；了；  </p>
                <div class="clearfix">
                  <span class="pull-left lh40">发表于：2016-05-28</span>
                  <button class="btn btn-default pull-right">有用(10)</button>
                </div>
              </div>
            </li>
            <li class="i-con media">
              <div class="media-left">
                <a href="#" class="userhead">
                  <img class="media-object img-circle" src="../../img/qb.jpg" alt="userhead" width="60" height="60">
                </a>
              </div>
              <div class="media-body">
                <p>2016年05月入住&nbsp;大床房</p>
                <p class="comm-con">房间不大啊肯定就看浪费，啊都放假离开离开阿斯顿asd.asdf  ； 阿斯顿阿萨法s.asdf；了；
                  放假离开离开阿斯顿asd.asdf  ； 阿斯顿阿萨法s.asdf；了；  </p>
                <div class="clearfix">
                  <span class="pull-left lh40">发表于：2016-05-28</span>
                  <button class="btn btn-default pull-right">有用(10)</button>
                </div>
              </div>
            </li>
          </ul>

          <nav class="clearfix pt10">
            <ul class="pagination pull-right">
              <li>
                <a href="#" aria-label="Previous">
                  <span aria-hidden="true">«</span>
                </a>
              </li>
              <li class="active"><a href="#">1</a></li>
              <li><a href="#">2</a></li>
              <li><a href="#">3</a></li>
              <li><a href="#">4</a></li>
              <li><a href="#">5</a></li>
              <li>
                <a href="#" aria-label="Next">
                  <span aria-hidden="true">»</span>
                </a>
              </li>
            </ul>
          </nav>
        </article>

        <footer class="panel-footer">
          <h3>相关推荐</h3>
          <div class="clearfix mb10">
            <span class="pull-left lh34">北京热门线路</span>
            <a href="javascript:" class="btn btn-link pull-right">查看更多</a>
          </div>
          <div class="row">
            <div class="col-sm-3">
              <div class="thumbnail">
                <img src="../../img/5.jpg" alt="img" width="394" height="300">
                <div class="caption">
                  <p class="no-m">台湾换到萨科大夫来看了解</p>
                  <p class="no-m"><small class="text-theme">￥</small><big class="text-theme">5899</big><small>起</small></p>
                </div>
              </div>
            </div>
            <div class="col-sm-3">
              <div class="thumbnail">
                <img src="../../img/5.jpg" alt="img" width="394" height="300">
                <div class="caption">
                  <p class="no-m">台湾换到萨科大夫来看了解</p>
                  <p class="no-m"><small class="text-theme">￥</small><big class="text-theme">5899</big><small>起</small></p>
                </div>
              </div>
            </div>
            <div class="col-sm-3">
              <div class="thumbnail">
                <img src="../../img/5.jpg" alt="img" width="394" height="300">
                <div class="caption">
                  <p class="no-m">台湾换到萨科大夫来看了解</p>
                  <p class="no-m"><small class="text-theme">￥</small><big class="text-theme">5899</big><small>起</small></p>
                </div>
              </div>
            </div>
            <div class="col-sm-3">
              <div class="thumbnail">
                <img src="../../img/5.jpg" alt="img" width="394" height="300">
                <div class="caption">
                  <p class="no-m">台湾换到萨科大夫来看了解</p>
                  <p class="no-m"><small class="text-theme">￥</small><big class="text-theme">5899</big><small>起</small></p>
                </div>
              </div>
            </div>
          </div>
        </footer>

      </section>

    </section><!-- 1024 -->

    <div class="h360"></div>
    <!-- view end -->
  </div>
</section>


<script src="../../lib/jquery.min.js"></script>
<script src="../../js/sea.js"></script>
<script src="../../js/main.js"></script>
<script>
  /**
   * @remove 服务器数据
   * @type {{date: string, tag: {2016/6/29: {m: number, y: number}}}}
   */
  window.data = {
    date:'2016/7/15',
    tag:{
      '2016/6/29':{
        m:29,
        y:23
      },
      '2016/7/14':{
        m:399,
        y:23
      },
      '2016/7/2':{
        m:399,
        y:23
      },
      '2016/8/1':{
        m:399,
        y:23
      }
    }
  };
  seajs.use('sales',function (cc) {
    cc.salesDetail();
  });
</script>
</body>
</html>